Tiny File Manager | hub_wa0360

Back Back Up Advanced Editor

<?php
//======================================================================================
//
// Function: Maintain WAMOP900
//
// Programmer: JKJ
// Date      : 2024-11-02
//
// Copyright Reeft A/S (c) - 2024
//======================================================================================

// https://stackoverflow.com/questions/56062658/clicking-programmatically-on-the-arrows-of-html-inputs-type-number

//======================================================================================
// Get input
//======================================================================================

if (isset($_REQUEST["wzlin"])) {
		$input_WZLIN = $_REQUEST["wzlin"];
	} else {
		$input_WZLIN = '';
	}

if (isset($_REQUEST["wzmoa"])) {
		$input_WZMOA = strtoupper($_REQUEST["wzmoa"]);
	} else {
		$input_WZMOA = '';
	}

if (isset($_REQUEST["wzpid"])) {
		$input_WZPID = strtoupper($_REQUEST["wzpid"]);
	} else {
		$input_WZPID = '';
	}

if (isset($_REQUEST["show_all_moa"])) {
		$input_show_all_moa = strtoupper($_REQUEST["show_all_moa"]);
	} else {
		$input_show_all_moa = 'N';
	}

// $input_WZLIN = 'LK';
		// $input_WZMOA = 'K40';
		// $input_WZPID = '0052142120001159867630069';

// echo "$input_WZLIN<br>";
		// echo "$input_WZMOA<br>";
		// echo "$input_WZPID<br>";

//======================================================================================
// Make line uppercase
//======================================================================================

$input_WZLIN = strtoupper( $input_WZLIN );

//======================================================================================
// General config
//======================================================================================
	include "config/config.php";

//======================================================================================
// Check if user is logged in?
//======================================================================================
	include "login_check.php";

//======================================================================================
// Get session variables
//======================================================================================

include "include/getsession.php";

// include "include/uuid_create.php";
	// include "include/generate_password_md5.php";

//======================================================================================
// Set language
//======================================================================================

include "include/set_language.php";

//======================================================================================
// Set defaults
//======================================================================================

// $pk_reference  = $_SESSION['session_dft_pk_reference'];
	// $referenceCode = $_SESSION['session_dft_referencecode'];
	// $referenceName = $_SESSION['session_dft_referencename'];

//======================================================================================
?>
<!DOCTYPE html>
<html lang="en">
<head>
	<title><?php echo $datahub_text0001 ?></title>

<link href="css/bootstrap4.3.1/css/bootstrap.custom.min.css" rel="stylesheet">
    <link href="css/bootstrap4.3.1/css/themes/bootstrap.custom.min.css" rel="stylesheet">

<link href="css/custom.css" rel="stylesheet">
    <link href="css/style.css" rel="stylesheet">

.btn-custom-wide {
	height:60px;
	width:210px;
}

.modal-xxl {
    max-width: 80%;
}

.modal-xl {
    max-width: 50%;
}

.border-3 {
    border-width:3px !important;
}

td .hover-img {
  position:relative;
 }
td .hover-img span {
  position:absolute; left:-9999px; top:-9999px; z-index:9999;
 }
td:hover .hover-img span {
  top: 5px;
  left:0px;
 }

.chosen-container-single {
    min-width: 100%;
}

</style>

//=============================================================================
// Globals
//=============================================================================

var myCurrentRow;
	var myGlobalRowData;
    var myGlobalTableData;

var global_input_WZLIN = '<?php echo $input_WZLIN ?>';
	var global_input_WZMOA = '<?php echo $input_WZMOA ?>';
	var global_input_WZPID = '<?php echo $input_WZPID ?>';

var input_WZLIN = '<?php echo $input_WZLIN ?>';
	var input_WZMOA = '<?php echo $input_WZMOA ?>';
	var input_WZPID = '<?php echo $input_WZPID ?>';

var global_debug = 'N';

// Add allowed Y/N
	var GLOBAL_ADD_ALLOWED = 'N';

// Delete allowed Y/N
	var GLOBAL_DELETE_ALLOWED = 'N';

var jsonDataSave = {};

var DFT_DATE_DISPLAY_FORMAT 	=  '<?php //echo $DFT_DATE_DISPLAY_FORMAT ?>';
	var DFT_LANGUAGE 				=  '<?php //echo $DFT_LANGUAGE ?>';

var GLOBAL_TOTALPAGESSTOPVALUE	=  10;

// Save field
	var save_WZLIN = '';
	var save_WZPID = '';

$(function () {
	  $.scrollUp({
		scrollName: 'scrollUp', // Element ID
		//topDistance: '1800', // Distance from top before showing element (px)
		//topSpeed: 300, // Speed back to top (ms)
		scrollDistance: '300', // Distance from top before showing element (px)
		scrollSpeed: 300, // Speed back to top (ms)
		animation: 'fade', // Fade, slide, none
		animationInSpeed: 200, // Animation in speed (ms)
		animationOutSpeed: 200, // Animation out speed (ms)
		scrollText: false, //'Scroll to top', // Text for element
		activeOverlay: false, // Set CSS color to display scrollUp active point, e.g '#00FFFF'
	  });
	});

//=============================================================================
// Get data - prompter
//=============================================================================
function getDataPrompter( input_WZLIN, input_goto, input_button_number, input_WZMOA )
{

if ( input_button_number != '' ) {
		$('#input-myCurrentPageCounter').val( input_button_number );
	}

// Calculate offset
	var myPageGoTo 			= $('#input-myPageGoTo').val();
	var myTotalRecordsFound = $('#input-myTotalRecordsFound').val();
	var myTotalPages 		= $('#input-myTotalPages').val();
	var myPageSize 			= $('#input-myPageSize').val();

if ( myPageSize == '' ) {
		myPageSize = '0';
	}

let myOffSet = parseInt(myPageSize) * parseInt(input_goto);

// Set offset
	$('#input-myPageGoTo').val( input_goto );
	$('#input-myOffSet').val( myOffSet );

// Reset, show all
	if ( input_WZLIN == '*RESET' ) {
		input_WZLIN = '';
		$('#input-search-line').val('');
		$('#input-search-moa').val('');
		$('#page-prev-button, #page-next-button').removeClass('d-none');
		$('#input-myBuildPageButtonsFirstTime').val('N');
		$('#input-search-arg' ).val( '' );
	}

if ( input_WZLIN != '' ) {
		$('#input-search-line').val( input_WZLIN );
	}

if ( input_WZMOA != '' ) {
		$('#input-search-moa').val( input_WZMOA );
	}

// Get some data
	getData();

}

//=============================================================================
// Get data
//=============================================================================
function getData()
{

if ( global_debug == 'Y' ) {
		console.log("Start");
		console.time("answer time");
		console.timeLog("answer time");
	}

// Get data...
	var wzlin 		 = $('#input_WZLIN').val();
	var wzmoa 		 = $('#input_WZMOA').val();
	var wzpid 		 = $('#input_WZPID').val();
	var show_all_moa = $('#input_show_all_moa').val();

$('#data-result').html('<?php echo $datahub_datatable_Processing ?>').addClass('text-center');

// Get the current search line
	var input_WZMOA = $('#input-search-moa').val();
	var input_WZLIN = $('#input-search-line').val();
	var input_search_arg = $('#input-search-arg').val();

if ( input_WZMOA != '' ) {
		wzmoa = input_WZMOA;
	}

// Set input information
	$('#input-information').html( global_input_WZLIN + ' - ' + input_WZMOA + ' - ' + global_input_WZPID ).css('font-size','1.5em').addClass('font-weight-bold');

// Get page data
	myTotalRecordsFound 	= $('#input-myTotalRecordsFound').val();
	myTotalPages 			= $('#input-myTotalPages').val();
	myPageSize 				= $('#input-myPageSize').val();
	myPageSize 				= 500;

myPageGoTo 				= $('#input-myPageGoTo').val();
	myOffSet 				= $('#input-myOffSet').val();
	myCurrentPageCounter	= $('#input-myCurrentPageCounter').val();

let myButtonOffSetNumber = myPageGoTo;

if ( myButtonOffSetNumber <= 1 || myButtonOffSetNumber == '' ) {
		myButtonOffSetNumber = 1
		$('#page-prev-button').addClass('d-none');
	} else {
		//$('#page-prev-button').removeClass('d-none');
	}

$('.pagination-badge-class').removeClass('badge-success').addClass('badge-dark');
	var selectButtonLineID = 'select-page-button-id-' + myButtonOffSetNumber;
	$('#' + selectButtonLineID).removeClass('badge-dark').addClass('badge-success');

//var myPageSize = 500;
	//var myOffSet = 0;

// Create param list
	parmData = 'wzlin=' + wzlin
			 + '&wzmoa=' + wzmoa
			 + '&wzpid=' + wzpid
			 + '&myPageGoTo=' + myPageGoTo
			 + '&myOffSet=' + myOffSet
			 + '&myPageSize=' + myPageSize
			 + '&search_arg=' + input_search_arg
			 + '&show_all_moa=' + show_all_moa
			 ;

$.ajax({
		url: "hub_wa0360_maintain_get.php",
		type: "GET",
		data: parmData,
		dataType: "json",
		cache: false,
	beforeSend: function( xhr ) {

}
	})
	.done(function( jsonData ) {

if ( global_debug == 'Y' ) {
					console.log("After RPG call");
					console.timeLog("answer time");
				}

// Save jSon data
				jsonDataSave = jsonData;

var myCMPNO				= jsonData.header.myCMPNO;
				var myCMPNO_Name		= jsonData.header.myCMPNO_Name;
				var myFile_name			= jsonData.header.myFile_name
				var myFile_description	= jsonData.header.myFile_description

var returnCode 			= jsonData.header.returnCode;
				var returnMsg 			= jsonData.header.returnMsg;
				var entries_found 		= jsonData.header.entries_found;
				var response_sec 		= jsonData.header.response_sec;

var myTotalRecordsFound = jsonData.header.myTotalRecordsFound;
				var myTotalPages 		= jsonData.header.myTotalPages;
				var myPageSize 			= jsonData.header.myPageSize;

// Set Company and file information
				if ( myCMPNO != '' ) {
					$('#data-hub-company-information').html( '<span title="' + myFile_name + ' - ' + myFile_description + '">' + myCMPNO_Name + ' (' + myCMPNO + ')' + '</span>' ).css('font-size','1.3em');
				}

// Update input fields
				$('#input-myTotalRecordsFound').val(myTotalRecordsFound);
				$('#input-myTotalPages').val(myTotalPages);
				$('#input-myPageSize').val(myPageSize);

// Init button line fields
				var HTMLlineButtons 		= '';
				var HTMLlineButtonsModal 	= '';
				var selectedButtonClass 	= 'btn-dark';

// Create line buttons
				$.each( jsonData.header_buttons, function( index, object ){
					var buttonLine   = object.buttonLine;
					var buttonMOA	 = object.buttonMOA;
					var buttonCount  = object.buttonCount;
					var buttonPages  = object.buttonPages;

if ( input_WZMOA == buttonMOA ) {
						selectedButtonClass = 'btn-success';
					} else {
						selectedButtonClass = 'btn-dark';
					}

var selectButtonLineID 		= 'select-button-line-id-' + buttonLine + '_' + buttonMOA;
					var selectButtonLineIDmodal = 'select-button-line-id-modal-' + buttonLine + '_' + buttonMOA;

HTMLlineButtons 		+=	'<button type="button" style="cursor:default" id="' + selectButtonLineID + '" class="btn ' + selectedButtonClass + ' select-button-line btn-sm mr-1 mb-1" onclick="firstPage(\'' + buttonLine + '\',\'' + '0' + '\',\'' + '' + '\',\'' + buttonPages + '\',\'' + buttonMOA + '\')">'
											+ 	buttonMOA + ' (<b>' + buttonCount + '</b>)'
											+	'</button>'

HTMLlineButtonsModal 	+=	'<button type="button" style="width:45px" id="' + selectButtonLineIDmodal + '" class="select-button-line-modal btn btn-primary btn-sm mr-1 mb-1" onclick="selectLineModal(\'' + buttonLine + '\')">'
											+ 	buttonLine + ' ' + buttonMOA
											+	'</button>'

});

// Add "all button"
				HTMLlineButtons 		+=	'<button type="button" id="' + 'all-button-location' + '" class="btn ' + 'btn-primary' + ' btn-sm mr-1 mb-1 d-none" onclick="getDataPrompter(\'' + '*RESET' + '\',\'' + '0' + '\',\'' + '' + '\',\'' + '' + '\')">'
										+ 	'ALL'
										+	'</button>'

$('#data-result-button-lines').html(HTMLlineButtons);
				$('#data-result-button-lines-modal').html(HTMLlineButtonsModal);

// Page x of xxxx
				$('#text-current-page').html( myPageGoTo );

// Frist call - create pagination buttons
				if ( $('#input-myBuildPageButtonsFirstTime').val() == 'N' ) {
					createPaginationButtons()
					$('#input-myBuildPageButtonsFirstTime').val('Y');
					$('#select-page-button-id-1').removeClass('badge-dark').addClass('badge-success');
					$('#input-myPageGoTo').val( 1 );
					$('#input-myCurrentPageCounter').val( 1 );
					$('#page-prev-button').addClass('d-none');

// Set info fields
					$('#text-current-page').html('1');
					$('#text-total-records-found').html(myTotalRecordsFound);
					$('#text-total-pages').html(myTotalPages);

}

// Hide "next page" if we are overdue
				if ( parseInt(myOffSet) > parseInt(myTotalRecordsFound) ) {
					$('#page-next-button').addClass('d-none');
				} else {
					$('#page-next-button').removeClass('d-none');
				}

// If there are so few pages that there is not enough to build a page hide all
					if ( myTotalPages < GLOBAL_TOTALPAGESSTOPVALUE ) {
						$('#page-first-button').addClass('d-none');
						$('#page-last-button').addClass('d-none');
						$('#page-prev-button').addClass('d-none');
						$('#page-next-button').addClass('d-none');
					}

// Show load time
				$('#load-time-from-database').html('entries found: ' + entries_found + ' (' + response_sec + ')');

// Reset
				HTMLline02 = '<table id="REEFTvisual_data" class="table table-bordered table-striped table-hover">';

HTMLline02 +=	'<thead>'
				           + 	'<tr class="bg-primary text-white font-weight-bold text-center">'
						   +	'<th class="text-left">'
						   +	'<?php echo $datahub_text0083 ?>'
						   +	'</th>'
						   +	'<th class="text-left">'
						   +	'<?php echo $datahub_text0026 ?>'
						   +	'</th>'
						   +	'<th class="text-left">'
						   +	'<?php echo $datahub_text0077 ?>'
						   +	'</th>'
						   +	'<th class="text-center">'
						   +	'<?php echo $datahub_text0024 ?>'
						   +	'</th>'
						   +	'<th class="text-center">'
						   +	'<?php echo $datahub_text0068 ?>'
						   +	'</th>'
						   +	'<th class="text-center">'
						   +	'<button id="add-button" title="Shortcut: Alt+F6" onclick="dataAdd(\'' + '0' + '\')" class="d-none btn btn-dark font-weight-bold">' + '<?php echo $datahub_button_save_01 ?>' + '</button>'
						   +	'</th>'
						   +	'<th class="text-center">'
						   +	''
						   +	'</th>'
						   +	'<th class="text-center">'
						   +	''
						   +	'</th>'
						   +	'</tr>'
						   +	'</thead>'
						   +	'<tbody>'
						   ;

$.each( jsonData.detail, function( index, object ){

var counter = object.counter;
					var ACTIV   = object.ACTIV;
					var CMPNO   = object.CMPNO;
					var WZLIN   = object.WZLIN;
					var WZPID   = object.WZPID;
					var WZMOA   = object.WZMOA;
					var WZSEQ   = object.WZSEQ;
					var WZART   = object.WZART;
					var WZDSC   = object.WZDSC;
					var WZQUA   = object.WZQUA;
					var WZRDT   = object.WZRDT;
					var WZRTD   = object.WZRTD;
					var WZDON   = object.WZDON;
					var WZLOG   = object.WZLOG;
					var WZBLD   = object.WZBLD;
					var WZCLR   = object.WZCLR;
					var WZPSZ   = object.WZPSZ;
					var WZBCL   = object.WZBCL;
					var WZBTP   = object.WZBTP;
					var WZDT1   = object.WZDT1;
					var WZDT2   = object.WZDT2;
					var WZDT3   = object.WZDT3;
					var WZDT4   = object.WZDT4;
					var WZDT5   = object.WZDT5;
					var WZAC1   = object.WZAC1;
					var WZAC2   = object.WZAC2;
					var WZAC3   = object.WZAC3;
					var WZAC4   = object.WZAC4;
					var WZAC5   = object.WZAC5;
					var WZUNI   = object.WZUNI;

if ( WZDON == 'Y' ) {
						var WZDON_text = '<div class="text-success font-weight-bold"><?php echo $datahub_YES ?></div>';
					} else {
						var WZDON_text = '<div class="text-primary font-weight-bold"><?php echo $datahub_NO ?></div>';
					}

// Show deleted
					var show_deleted = $('#input-show-deleted').val();
					if ( show_deleted == 'Y' )
					{
						var recordOK = 'Y';

} else {

if ( ACTIV == 'N' )
						{
							var recordOK = 'Y';
						} else {
							var recordOK = 'N';
						}

}

// Show record
					if ( recordOK == 'Y' )
					{

// Format WZPID
					if ( WZPID != '' ) {
						WZPID_pretty = formatPRODID(WZPID);
					} else {
						WZPID_pretty = '-';
					}

HTMLline02 +=	'<tr>'
							   +	'<td class="text-left">'
							   +	WZART
							   +	'</td>'
							   +	'<td class="text-left">'
							   +    WZDSC
							   +	'</td>'
							   +	'<td class="text-left">'
							   +    '<span title="counter: ' + counter + '">' + WZSEQ + '</span>'
							   +	'</td>'
							   +	'<td class="text-left">'
							   +    WZQUA
							   +	'</td>'
							   +	'<td class="text-center">'
							   +    '<span title="Field value=' + WZDON + '">' + WZDON_text + '</span>'
							   +	'</td>'
							   +	'<td>'
							   +	'<button id="' + WZLIN + '_' + WZSEQ + '" onclick="dataChange(\'' + WZLIN + '\',\'' + WZSEQ + '\')" class="edit-btn btn btn-primary mr-1">' + '<?php echo $datahub_button_show_details ?>' + '</button>'
							   +	'</td>'
							   +	'<td>'
							   +	'<button id="' + WZLIN + '_' + WZSEQ + '" onclick="dataDeleteConfirm(\'' + WZLIN + '\',\'' + WZPID + '\',\'' + WZSEQ + '\')" class="btn btn-danger">' + '<?php echo $datahub_button_delete ?>' + '</button>'
							   +	'</td>'
							   +	'<td class="text-left">'
							   +	WZDON
							   +	'</td>'

+	'</tr>'
							   ;

}

});

HTMLline02  +=	'</tbody>'
				            +	'</table>'

// Show yourself to the world, you little fvcker
				$('#data-result').html(HTMLline02);

if ( global_debug == 'Y' ) {
					console.log("After processing json");
					console.timeLog("answer time");
				}

// Datatables
				setDataTables();

if ( global_debug == 'Y' ) {
					console.log("After datatables");
					console.timeLog("answer time");
				}

// // Set click
				// table = new DataTable('#REEFTvisual_data');
				// $('#REEFTvisual_data').on('click', 'tr', function () {
					// myD = table.row(this).data();

// console.log(myD);
				// });

//-----------------------------------------------------------------------
				// Set font awesome icon type
				//-----------------------------------------------------------------------
					// Value is from config/config.php
					var iconType = '<?php echo $DFT_SET_FONT_AWESOME_ICON_TYPE ?>';
					setFontAwesomeIconType( iconType );
				//-----------------------------------------------------------------------

if ( global_debug == 'Y' ) {
					console.log("Done");
					console.timeEnd("answer time");
				}

//-----------------------------------------------------------------------
				// Place cursor
				//-----------------------------------------------------------------------
				//	$('#input-search-arg').focus();

//-----------------------------------------------------------------------
				// Is add allowed
				//-----------------------------------------------------------------------
					if ( GLOBAL_ADD_ALLOWED == 'Y' ) {
						$('#add-button').removeClass('d-none');
					} else {
						$('#add-button').addClass('d-none');
					}
				//-----------------------------------------------------------------------

})
	.always(function( jsonData ) {

//console.log('I am always..');

})
	.fail(function( xhr, ajaxOptions, thrownError ) {
		console.log('I am failed..');
		console.log( xhr );

$('#data-result').html( '<b>Error retreiving data from the server...</b>' );

});

}

//=============================================================================
// Set datatables
//=============================================================================
function setDataTables()
{

// Delete allowed?
	GLOBAL_DELETE_ALLOWED = 'N';

if ( GLOBAL_DELETE_ALLOWED == 'Y' ) {
		var show_the_delete_button = true;
	} else {
		var show_the_delete_button = false;
	}

$('#REEFTvisual_data').DataTable({
        "responsive": true,
		"fixedHeader": true,
		"lengthMenu": [[10, 25, 50, 100, -1], [10, 25, 50, 100, "All"]],
		"iDisplayLength": 25,
        "processing": true,
		//"dom": '',
		"dom": 'lfi<bottom>Bp<"clear">',
        "order": [[ 2, "asc" ]],
		"columnDefs": [
				{
				"targets": [ 5 ],
				"visible": true,
				"searchable": false,
				 "orderable": false
				},
				{
				"targets": [ 6 ],
				"visible": show_the_delete_button,
				"searchable": false,
				 "orderable": false
				},
				{
				"targets": [ 7 ],
				"visible": false,
				"searchable": false,
				 "orderable": false
				}

],
		"language":
		{

"sProcessing":   "<?php echo $datahub_datatable_Processing ?>",
					"sLengthMenu":   "<?php echo $datahub_datatable_LengthMenu ?>",
					"sZeroRecords":  "<?php echo $datahub_datatable_ZeroRecords ?>",
					"sInfo":         "<?php echo $datahub_datatable_Info ?>",
					"sInfoEmpty":    "<?php echo $datahub_datatable_InfoEmpty ?>",
					"sInfoFiltered": "<?php echo $datahub_datatable_InfoFiltered ?>",
					"sInfoPostFix":  "<?php echo $datahub_datatable_InfoPostFix ?>",
					"sLoadingRecords": "<?php echo $datahub_datatable_Processing ?>",
					"sSearch":       "<?php echo $datahub_datatable_Search ?>",
					"sUrl":          "<?php echo $datahub_datatable_Url ?>",
					"oPaginate": {
						"sFirst":    "<?php echo $datahub_datatable_First ?>",
						"sPrevious": "<?php echo $datahub_datatable_Previous ?>",
						"sNext":     "<?php echo $datahub_datatable_Next ?>",
						"sLast":     "<?php echo $datahub_datatable_Last ?>"
					}
		},
        "rowCallback": function(row, data, index)
		{

},
        "preDrawCallback": function(settings)
		{
		},
		"initComplete": function ()
		{

},
		"buttons": 	[
					{
						extend: 'pdf',
						text: '<img src="images/pdf_logo.png" height="25"> PDF',
						orientation: 'landscape',
						title: function(){
							var p_id = $('#input-information').text();
							return 'DATA-HUB - MOA Data Export - ' + p_id;
						},
						filename: function(){
							var p_id = $('#input-information').text();
							return 'HUB_wa0360 Data Export - ' + p_id;
						},
						exportOptions: {
							// Fields to export (https://datatables.net/reference/button/csv#Examples)
							columns: [0,1,2,3,4],
							modifier: {
								page: 'all'
							}
						}
					},
					{
						extend: 'excel',
						text: '<img src="images/microsoft_excel_logo.png" height="25"> Excel',
						title: function(){
							var p_id = $('#input-information').text();
							return 'DATA-HUB - MOA Data Export - ' + p_id;
						},
						filename: function(){
							var p_id = $('#input-information').text();
							return 'HUB_wa0360 Data Export - ' + p_id;
						},
						exportOptions: {
							// Fields to export (https://datatables.net/reference/button/csv#Examples)
							columns: [0,1,2,3,4]
						}
					},
						{
						extend: 'copy',
						text: '<img src="images/copy.png" height="25"> Copy to Clipboard',
						title: function(){
							var p_id = $('#input-information').text();
							return 'DATA-HUB - MOA Data Export - ' + p_id;
						},
						filename: function(){
							var p_id = $('#input-information').text();
							return 'HUB_wa0360 Data Export - ' + p_id;
						},
						exportOptions: {
							// Fields to export (https://datatables.net/reference/button/csv#Examples)
							columns: [0,1,2,3,4]
						}
						},
					]
    });

//=============================================================================
	// Setup the data to be able to update the table without reloading from the server
	//=============================================================================

// Save the table in a global variable
		myGlobalTableData = $('#REEFTvisual_data').DataTable();

// Handle click on "Edit" button
		$('#REEFTvisual_data tbody').on('click', '.edit-btn', function() {
			myCurrentRow 	= $(this).closest('tr');
			myGlobalRowData = myGlobalTableData.row(myCurrentRow).data();

// Debug
			// console.log(myGlobalRowData);
			// console.log(myCurrentRow);

});

//=============================================================================

}

//=============================================================================
// Scroll page - Previous
//=============================================================================
function scrollPagePrev( input_action )
{

$('#input-saveMyDirection').val( input_action );

var myCurrentPageCounter = $('#input-myCurrentPageCounter').val();
	myCurrentPageCounter = parseInt(myCurrentPageCounter) - 1 ;

if (myCurrentPageCounter < 1 ) {
		myCurrentPageCounter = 0;
	}

myPageGoTo = parseInt(myPageGoTo) - 1;

if ( myPageGoTo <= 0 ) {
		myPageGoTo = 0;
	}

//console.log('----->' + myCurrentPageCounter + ' ' + GLOBAL_TOTALPAGESSTOPVALUE);

// Create button behind
	if ( myCurrentPageCounter == 0 ) {
		createPaginationButtons();
		$('#input-myCurrentPageCounter').val( GLOBAL_TOTALPAGESSTOPVALUE );
	} else {
		$('#input-myCurrentPageCounter').val( myCurrentPageCounter );
	}

if ( myPageGoTo <= 1 ) {
		console.log('I am one....')
		$('#input-myCurrentPageCounter').val( 1 );
		$('#page-prev-button').addClass('d-none');
	}

$('#input-myPageGoTo').val( myPageGoTo );

// Get me some data
	getDataPrompter('',myPageGoTo,'','');

}

//=============================================================================
// Scroll page - Next
//=============================================================================
function scrollPageNext( input_action )
{

$('#input-saveMyDirection').val( input_action );
	$('#page-prev-button').removeClass('d-none');

// Next page
	var myCurrentPageCounter = $('#input-myCurrentPageCounter').val();
	myCurrentPageCounter = parseInt(myCurrentPageCounter) + 1 ;

// Next page
	myPageGoTo = parseInt(myPageGoTo) + 1;

if ( myPageGoTo >= myTotalPages ) {
		myPageGoTo = myTotalPages;
	}

//console.log(myCurrentPageCounter + ' ' + GLOBAL_TOTALPAGESSTOPVALUE)

// Create button ahead
	if ( myCurrentPageCounter > GLOBAL_TOTALPAGESSTOPVALUE ) {
		$('#input-saveMyCurrentPageCounter').val( myPageGoTo - 1 );
		myCurrentPageCounter = 1;
		createPaginationButtons();
	}

// // Create button behind
	// if ( myCurrentPageCounter == 0 ) {
		// createPaginationButtons();
	// }

$('#input-myCurrentPageCounter').val( myCurrentPageCounter );
	$('#input-myPageGoTo').val( myPageGoTo );

// Get me some data
	getDataPrompter('',myPageGoTo,'','');

}

//=============================================================================
// Create pagination buttons
//=============================================================================
function createPaginationButtons()
{

// Skip IBM i pagination
	//return

// Update input fields
	var myTotalRecordsFound = $('#input-myTotalRecordsFound').val();
	var myTotalPages 		= $('#input-myTotalPages').val();
	var myPageSize 			= $('#input-myPageSize').val();
	var myPageGoTo 			= $('#input-myPageGoTo').val();

// Check if there is enought for at whole series of buttons?
	if ( myTotalPages > GLOBAL_TOTALPAGESSTOPVALUE ) {
		myLoop = GLOBAL_TOTALPAGESSTOPVALUE;
		//$('#page-prev-button, #page-next-button').removeClass('d-none');
	} else {
		//$('#page-prev-button, #page-next-button').addClass('d-none');
		myLoop = myTotalPages;
	}

// Init button line fields
	var HTMLPaginationButtons 	= '';
	var selectedButtonClass 	= 'btn-dark';
	var	myNumber 				= myPageGoTo;
	var i_am_button_number		= 0;

// Get last direction
	let myLastDirection = $('#input-saveMyDirection').val();

if ( myLastDirection == '*PREV' ) {
		let myStartingNumber = $('#input-saveMyCurrentPageCounter').val();
		$('#input-myCurrentPageCounter').val(GLOBAL_TOTALPAGESSTOPVALUE);
		myNumber = myStartingNumber-GLOBAL_TOTALPAGESSTOPVALUE;
		if ( myNumber < 1 ) {
			myNumber = 0;
		}
		$('#input-saveMyCurrentPageCounter').val(myNumber);
	}

for (let i = 0; i < myLoop; i++) {

// Increase the number
		myNumber = parseInt(myNumber) + 1;

i_am_button_number++;

// if ( myNumber < GLOBAL_TOTALPAGESSTOPVALUE ) {
			// i_am_a_zero = '';
		// } else {
			// i_am_a_zero = '';
		// }

// Add 0 in front of the number if lesser than 10
		// This is get a "calm" screen
		if ( myNumber < 10 ) {
			i_am_a_zero = '0';
		} else {
			i_am_a_zero = '';
		}

var selectButtonLineID = 'select-page-button-id-' + myNumber;

//console.log('myNumber: ' + myNumber + ' ' + myTotalPages + ' ' + selectButtonLineID);

// Make sure we do not get page buttons beyond last page
		if ( parseInt(myNumber) <= myTotalPages ) {

HTMLPaginationButtons 	+=	'<span type="button" data-button-number="' + i_am_button_number + '" class="badge badge-dark p-2 mr-1 mb-1 pagination-badge-class" style="cursor:default" id="' + selectButtonLineID + '"' + 'onclick="getDataPrompter(\'' + '' + '\',\'' + myNumber + '\',\'' + i_am_button_number + '\',\'' + '' + '\')">'
									+ 	i_am_a_zero + myNumber
									+	'</span>'

}
	}

// Create "first" button
	HTMLPaginationButtons 	+=	'<span type="button" id="page-first-button" class="badge badge-dark p-2 mr-1 mb-1" style="cursor:default" id="' + selectButtonLineID + '"' + 'onclick="firstPage(\'' + '' + '\',\'' + '0' + '\',\'' + '0' + '\,\'' + '' + '\')">'
							+ 	'<?php echo $datahub_text0080 ?>'
							+	'</span>'

// Create "last" button
	HTMLPaginationButtons 	+=	'<span type="button" id="page-last-button" class="badge badge-dark p-2 mr-1 mb-1" style="cursor:default" id="' + selectButtonLineID + '"' + 'onclick="lastPage(\'' + '' + '\',\'' + myTotalPages + '\')">'
							+ 	'<?php echo $datahub_text0081 ?>'
							+	'</span>'

// Show pagination buttons
	$('#data-result-pagination-button').html(HTMLPaginationButtons);

}

//=============================================================================
// Get data - search
//=============================================================================
function searchPage( input_WZLIN, input_goto, input_button_number, input_totalPages )
{

if ( input_totalPages > 0 ) {
		$('#input-myTotalPages').val( input_totalPages );
	}

$('#input-myBuildPageButtonsFirstTime').val('N');

getDataPrompter( input_WZLIN, input_goto, input_button_number, '' )
	createPaginationButtons();
	$('#page-prev-button').addClass('d-none');
	$('#input-saveMyCurrentPageCounter').val( 1 );

}

//=============================================================================
// Show all MOA stations
//=============================================================================
function showMOAstations()
{

if ( $('#button-show-moa-stations').hasClass('btn-dark') )
	{
		$('#button-show-moa-stations').removeClass('btn-dark').addClass('btn-success').html('<?php echo $datahub_button_show_line_moa_stations ?>')
		$('#input_show_all_moa').val('Y');
	} else {
		$('#button-show-moa-stations').removeClass('btn-success').addClass('btn-dark').html('<?php echo $datahub_button_show_all_moa_stations ?>')
		$('#input_show_all_moa').val('N');
	}

var input_WZLIN = $('#input_WZLIN').val();
	var input_WZMOA = $('#input_WZMOA').val();

firstPage(input_WZLIN,'0','','1',input_WZMOA)

// Execute init screen
	//firstPage(input_lilin, input_goto, input_button_number, input_totalPages);

}

//=============================================================================
// Get data - first page
//=============================================================================
function firstPage( input_WZLIN, input_goto, input_button_number, input_totalPages, input_WZMOA )
{

if ( input_totalPages > 0 ) {
		$('#input-myTotalPages').val( input_totalPages );
	}

$('#input-myBuildPageButtonsFirstTime').val('N');

getDataPrompter( input_WZLIN, input_goto, input_button_number, input_WZMOA )
	createPaginationButtons();
	$('#page-prev-button').addClass('d-none');
	$('#input-saveMyCurrentPageCounter').val( 1 );

}

//=============================================================================
// Get data - last page
//=============================================================================
function lastPage( input_WZLIN, input_goto, input_button_number, input_totalPages )
{

var myTotalPages = $('#input-myTotalPages').val();

var input_WZLIN 		= '';
	var input_totalPages 	= myTotalPages;
	var input_goto 		 	= myTotalPages;

//console.log('Last page: ' + input_goto + ' ' + GLOBAL_TOTALPAGESSTOPVALUE + ' ' + almostLastPage );

$('#page-prev-button').removeClass('d-none');
	$('#page-next-button').addClass('d-none');

var almostLastPage = parseInt(input_totalPages) - parseInt(GLOBAL_TOTALPAGESSTOPVALUE );

input_WZLIN = '';
	input_goto = almostLastPage;
	input_button_number = 1;

$('#input-myCurrentPageCounter').val( GLOBAL_TOTALPAGESSTOPVALUE );
	$('#input-myPageGoTo').val( almostLastPage );
	$('#input-saveMyCurrentPageCounter').val( almostLastPage );
	$('#input-saveMyDirection').val('');

// Mark last page
	createPaginationButtons();

// Set some fields just in case...
	$('#select-page-button-id-' + myTotalPages ).addClass('badge-success').removeClass('badge-dark');
	$('#input-myCurrentPageCounter').val( GLOBAL_TOTALPAGESSTOPVALUE );
	$('#input-myPageGoTo').val( almostLastPage );
	$('#input-saveMyCurrentPageCounter').val( almostLastPage );

// Get data
	$('#select-page-button-id-' + input_totalPages ).click();

// Hide next button
	$('#page-next-button').addClass('d-none');

}

//=============================================================================
// Reason addd
//=============================================================================
function dataAdd ( input_pk_type )
{

$('#input-mode').val('*add');

$('#modal-input-ACTIV').val('1');
			$('#modal-input-CMPNO').val('');
			$('#modal-input-WZLIN').val('');
			$('#modal-input-WZPID').val('');
			$('#modal-input-WZMOA').val('1');
			$('#modal-input-WZSEQ').val('');
			$('#modal-input-WZART').val('');
			$('#modal-input-WZDSC').val('');
			$('#modal-input-WZQUA').val('');
			$('#modal-input-WZQUA').val('');
			$('#modal-input-WZRDT').val('');
			$('#modal-input-WZRTD').val('');
			$('#modal-input-WZDON').val('N');
			$('#modal-input-WZLOG').val('');

$('#modal-input-WZBLD').val('');
			$('#modal-input-WZCLR').val('');
			$('#modal-input-WZPSZ').val('');
			$('#modal-input-WZBCL').val('');
			$('#modal-input-WZBTP').val('');
			$('#modal-input-WZDT1').val('');
			$('#modal-input-WZDT2').val('');
			$('#modal-input-WZDT3').val('');
			$('#modal-input-WZDT4').val('');
			$('#modal-input-WZDT5').val('');
			$('#modal-input-WZAC1').val('');
			$('#modal-input-WZAC2').val('');
			$('#modal-input-WZAC3').val('');
			$('#modal-input-WZAC4').val('');
			$('#modal-input-WZAC5').val('')
			$('#modal-input-WZUNI').val('');

setBoldMode( 'N' );
			setBackGroundMode( 'PN' );

$('#modal-input-WZCLR').spectrum("set", '#ffffff' );
			$('#modal-input-WZBCL').spectrum("set", '#ffffff' );

setInputColorsToHiddenControlFields( 'modal-input-WZCLR', $('#modal-input-WZCLR').spectrum("get").toHexString() );
			setInputColorsToHiddenControlFields( 'modal-input-WZBCL', '#ffffff' );
			setExampleData();

// Reset save field(s)
			save_WZLIN = '';
			save_WZPID = '';

// Set active - default YES
			$('#button-deleted-yes').removeClass('btn-primary').addClass('btn-success');
			$('#button-deleted-no').removeClass('btn-danger').addClass('btn-primary');

// Reset modal message
			resetModalMessage();

// Remove key fields readonly
			$('#modal-input-WZLIN').removeAttr('readonly','readonly');
			$('#modal-input-WZPID').removeAttr('readonly','readonly');
			$('#data-result-button-lines-modal').removeClass('d-none');

// Show modal
			$('#wa0360_MaintainModal').modal('show');

$('#wa0360_MaintainModal').one('shown.bs.modal', function () {
				//$('#modal-input-WZLIN').trigger('focus');
				$('#modal-input-WZLIN').trigger('focus');
			})

}

//=============================================================================
// Reason change
//=============================================================================
function dataChange( input_WZLIN, input_WZSEQ )
{

$('#input-mode').val('*update');

// Find the correct data
	$.each( jsonDataSave.detail, function( index, object ){

// Get the key
		var WZLIN			= object.WZLIN;
		var WZSEQ			= object.WZSEQ;

// Data found
		if ( input_WZLIN == WZLIN && input_WZSEQ == WZSEQ )
		{

// Save in fields
			var ACTIV	= object.ACTIV;
			var CMPNO   = object.CMPNO;
			var WZLIN   = object.WZLIN;
			var WZPID   = object.WZPID;
			var WZMOA   = object.WZMOA;
			var WZSEQ   = object.WZSEQ;
			var WZART   = object.WZART;
			var WZDSC   = object.WZDSC;
			var WZQUA   = object.WZQUA;
			var WZRDT   = object.WZRDT;
			var WZRTD   = object.WZRTD;
			var WZDON   = object.WZDON;
			var WZLOG   = object.WZLOG;
			var WZBLD   = object.WZBLD;
			var WZCLR   = object.WZCLR;
			var WZPSZ   = object.WZPSZ;
			var WZBCL   = object.WZBCL;
			var WZBTP   = object.WZBTP;
			var WZDT1   = object.WZDT1;
			var WZDT2   = object.WZDT2;
			var WZDT3   = object.WZDT3;
			var WZDT4   = object.WZDT4;
			var WZDT5   = object.WZDT5;
			var WZAC1   = object.WZAC1;
			var WZAC2   = object.WZAC2;
			var WZAC3   = object.WZAC3;
			var WZAC4   = object.WZAC4;
			var WZAC5   = object.WZAC5;
			var WZUNI   = object.WZUNI;

// Move to input fields
			$('#modal-input-ACTIV').val(ACTIV);		// Active
			$('#modal-input-CMPNO').val(CMPNO);		// Company
			$('#modal-input-WZLIN').val(WZLIN);		// Production line ID
			$('#modal-input-WZPID').val(WZPID);		// Prod ID
			$('#modal-input-WZMOA').val(WZMOA);		// Work Station
			$('#modal-input-WZSEQ').val(WZSEQ);		// Sequence
			$('#modal-input-WZART').val(WZART);		// Article No
			$('#modal-input-WZDSC').val(WZDSC);		// Description
			$('#modal-input-WZQUA').val(WZQUA);		// Quantity
			$('#modal-input-WZRDT').val(WZRDT);		// Retreive Date
			$('#modal-input-WZRTD').val(WZRTD);		// Retreive Time
			$('#modal-input-WZDON').val(WZDON);		// Done Y/N
			$('#modal-input-WZLOG').val(WZLOG);		// Timestamp add

$('#modal-input-WZBLD').val(WZBLD);		// Bold Y/N
			$('#modal-input-WZCLR').val(WZCLR);		// Colour
			$('#modal-input-WZPSZ').val(WZPSZ);		// Point size
			$('#modal-input-WZBCL').val(WZBCL);		// Background color
			$('#modal-input-WZBTP').val(WZBTP);		// Background type
			$('#modal-input-WZDT1').val(WZDT1);		// Address to data 1
			$('#modal-input-WZDT2').val(WZDT2);		// Address to data 2
			$('#modal-input-WZDT3').val(WZDT3);		// Address to data 3
			$('#modal-input-WZDT4').val(WZDT4);		// Address to data 4
			$('#modal-input-WZDT5').val(WZDT5);		// Address to data 5
			$('#modal-input-WZAC1').val(WZAC1);		// Action 1
			$('#modal-input-WZAC2').val(WZAC2);		// Action 2
			$('#modal-input-WZAC3').val(WZAC3);		// Action 3
			$('#modal-input-WZAC4').val(WZAC4);		// Action 4
			$('#modal-input-WZAC5').val(WZAC5)		// Action 5
			$('#modal-input-WZUNI').val(WZUNI);		// Unique code, assembly Y/N

// Format PRODID
			let WZPID_pretty = formatPRODID( WZPID );
			$('#modal-input-WZPID-pretty').val(WZPID_pretty);

if ( WZDON == '' ) {
				WZDON = 'N';
				$('#modal-input-WZDON').val(WZDON);
			}

// Save orginal department code
			save_WZLIN = WZLIN;
			save_WZPID = WZPID;

setWZDON_button( WZDON );

setBoldMode(WZBLD);
			setBackGroundMode(WZBTP);

// Set example data
			$('#example-WZART').html(WZART);
			$('#example-WZDSC').html(WZDSC);
			$('#example-WZQUA').html('1');

$('#modal-input-WZCLR').spectrum("set", '#' + WZCLR );
			$('#modal-input-WZCLR').spectrum('disable');
			$('#modal-input-WZBCL').spectrum("set", '#' + WZBCL );
			$('#modal-input-WZBCL').spectrum('disable');

setInputColorsToHiddenControlFields( 'modal-input-WZCLR', '#' + WZCLR );
			setInputColorsToHiddenControlFields( 'modal-input-WZBCL', '#' + WZBCL );
			setExampleData();

// 1 = *PDF
			// 2 = *PIC
			// 3 = *SCAN
			// 4 = *MOVIE
			// 5 = *LINK
			// 6 = *CHECK

if ( WZDT1 != '' ) {
				actionValue		 = WZAC1;
				actionButton_ID1 = '1';
				actionButton_ID2 = setActionType( WZAC1 )
				setActionPNC( actionValue, actionButton_ID1, actionButton_ID2 );
			}

if ( WZDT2 != '' ) {
				actionValue		 = WZAC2;
				actionButton_ID1 = '2';
				actionButton_ID2 = setActionType( WZAC2 )
				setActionPNC( actionValue, actionButton_ID1, actionButton_ID2 );
			}

if ( WZDT3 != '' ) {
				actionValue		 = WZAC3;
				actionButton_ID1 = '3';
				actionButton_ID2 = setActionType( WZAC3 )
				setActionPNC( actionValue, actionButton_ID1, actionButton_ID2 );
			}

if ( WZDT4 != '' ) {
				actionValue		 = WZAC4;
				actionButton_ID1 = '4';
				actionButton_ID2 = setActionType( WZAC4 )
				setActionPNC( actionValue, actionButton_ID1, actionButton_ID2 );
			}

if ( WZDT5 != '' ) {
				actionValue		 = WZAC5;
				actionButton_ID1 = '5';
				actionButton_ID2 = setActionType( WZAC5 )
				setActionPNC( actionValue, actionButton_ID1, actionButton_ID2 );
			}

// Check active code
			if ( ACTIV != '1' && ACTIV != '0' ) {
				ACTIV = '1';
			}

$('#modal-input-ACTIV').val( ACTIV );

// Set active - default YES
			$('#button-deleted-yes').removeClass('btn-success btn-danger btn-primary d-none');

if ( ACTIV == '1' ) {
				$('#button-deleted-yes').addClass('btn-success');
				$('#button-deleted-no').addClass('d-none');
			} else {
				$('#button-deleted-no').addClass('btn-danger');
				$('#button-deleted-yes').addClass('d-none');

}

// Make key fields readonly
			$('#modal-input-WZLIN').attr('readonly','readonly');
			$('#modal-input-WZPID').attr('readonly','readonly');
			$('#data-result-button-lines-modal').addClass('d-none');

$('.read-only-class').attr('readonly','readonly');

}

})

// Reset modal message
	resetModalMessage();

// Show modal
	$('#wa0360_MaintainModal').modal('show');

$('#wa0360_MaintainModal').one('shown.bs.modal', function () {
		//$('#modal-input-WZSEQ').trigger('focus');

myWZDON = myGlobalRowData[7];
		setWZDON_button( myWZDON );

})

}

//=============================================================================
// Delete confirm
//=============================================================================
function dataDeleteConfirm( input_WZLIN, input_WZPID, input_WZSEQ )
{

$('#input-mode').val('*delete');
	$('#confirm-delete-WZLIN').val(input_WZLIN);
	$('#confirm-delete-WZPID').val(input_WZPID);

// Create confirm text
	$('#confirm-delete-text-WZPID').html(input_WZPID + ' - ' + input_WZSEQ);

// Find the correct data
	$.each( jsonDataSave.detail, function( index, object ){

// Get the key
		var WZPID			= object.WZPID;
		var WZLIN			= object.WZLIN;

// Data found
		if ( input_WZLIN == WZLIN && input_WZPID == WZPID )
		{

$('#wa0360_confirmDeleteModal').modal('show');

}

})

}

//=============================================================================
// Toggle Delete Reason
//=============================================================================
function toggleDelete()
{

$('#icon-modal-input-active').removeClass('text-success text-danger');

var active = $('#modal-input-active').val();

// active?
			if ( active == '1' ) {
				$('#modal-input-active').val( '0' );
				$('#icon-modal-input-active').html('<i class="far fa-2x fa-check-square"></i>').addClass('text-danger');
			} else {
				$('#modal-input-active').val( '1' );
				$('#icon-modal-input-active').html('<i class="far fa-2x fa-square"></i>');
			}

}

//=============================================================================
// Save
//=============================================================================
function dataSave()
{
	// Reset modal message
	resetModalMessage();

// Check content of fields

if ( $('#modal-input-WZPID').val() == '' ) {
		$('#modal-message').addClass('border-bottom').html( '<?php echo $datahub_error0023 ?>' );
		$('#modal-save-button').addClass('disabled').prop("disabled", true);
		$('#modal-input-WZPID').focus();
		return false;
	}

if ( $('#modal-input-WZLIN').val() == '' ) {
		$('#modal-message').addClass(' border-bottom').html( '<?php echo $datahub_error0006 ?>' );
		$('#modal-save-button').addClass('disabled').prop("disabled", true);
		$('#modal-input-WZLIN').focus();
		return false;
	}

if ( $('#modal-input-WZSEQ').val() == '' ) {
		$('#modal-message').addClass(' border-bottom').html( '<?php echo $datahub_error0019 ?>' );
		$('#modal-save-button').addClass('disabled').prop("disabled", true);
		$('#modal-input-WZSEQ').focus();
		return false;
	}

var mode = $('#input-mode').val();

//===============================================================================
	// Remove # if any
	//===============================================================================

// Setup remove string
		let mySaveString;

var myWorkField = $('#modal-input-WZLIN').val();
		mySaveString = myWorkField;
		myWorkField = cleanInputString( myWorkField );
		$('#modal-input-WZLIN').val( myWorkField );

var myWorkField = $('#modal-input-WZPID').val();
		myWorkField = myWorkField.replace("#", "");
		$('#modal-input-WZPID').val( myWorkField );

var myWorkField = $('#modal-input-WZRTD').val();
		myWorkField = myWorkField.replace("#", "");
		$('#modal-input-WZRTD').val( myWorkField );

var myWorkField = $('#modal-input-WZSEQ').val();
		myWorkField = myWorkField.replace("#", "");
		$('#modal-input-WZSEQ').val( myWorkField );

var myWorkField = $('#modal-input-WZLOG').val();
		myWorkField = myWorkField.replace("#", "");
		$('#modal-input-WZLOG').val( myWorkField );

//===============================================================================

// Make array and json
	var myData = $('#dataForm').find('input, select').serializeArray();
	var result = JSON.stringify(myData);

// console.log(result);
	// console.log(myData);
	// return;

var parmData = 'data=' + result
				 + '&mode=' + mode
				 ;

$.ajax({
		url: "hub_wa0360_maintain_save.php",
		type: "POST",
		data: parmData,
		dataType: "json",
		cache: false,
	})
	.done(function( jsonData ) {

//=================================================================
		// START - Update the table without doing a server reload
		//=================================================================

event.preventDefault();

// Get some input data from the modal window
        // var modal_input_WZMOA = $('#modal-input-WZMOA').val();
        // var modal_input_WZLIN = $('#modal-input-WZLIN').val();
        // var modal_input_WZPID_pretty = $('#modal-input-WZPID-pretty').val();
        // var modal_input_WXPDT = $('#modal-input-WXPDT').val();
        var modal_input_WZDON = $('#modal-input-WZDON').val();

// Debug
		// console.log(myGlobalRowData[5]);
		// console.log(myGlobalRowData[6]);
		// console.log(myCurrentRow);
		// console.log(myGlobalTableData);

// Get the data for the "Change/Delete button", so we do not need to create it again
		myChangeButtonData = myGlobalRowData[5];
		myDeleteButtonData = myGlobalRowData[6];

// Set the "look" for the fields to update
		if ( modal_input_WZDON == 'Y' ) {
			var WZDON_text = '<div class="text-success font-weight-bold"><?php echo $datahub_YES ?></div>';
		} else {
			var WZDON_text = '<div class="text-primary font-weight-bold"><?php echo $datahub_NO ?></div>';
		}

//==============================================
		// Use this if you want to update the whole row
		//==============================================
        // myGlobalTableData.row(myCurrentRow).myGlobalRowData([	modal_input_WZMOA,
										// modal_input_WZLIN,
										// modal_input_WZPID_pretty,
										// modal_input_WXPDT,
										// WZDON_text,
										// myChangeButtonData,
										// myDeleteButtonData
										// ])
										// .draw(false)
										// ;

//=======================================================
		// Use this if you want to update one or more table cells
		//=======================================================
		myGlobalTableData.cell(myCurrentRow, 4).data( WZDON_text )
		myGlobalTableData.cell(myCurrentRow, 7).data( modal_input_WZDON )
		//table.cell(myCurrentRow, 1).data( myGlobalRowData[5] )
		.draw(false);

//=================================================================
		// END - Update the table without doing a server reload
		//=================================================================

//=================================================================
		// Close the modal
		//=================================================================
		$('#wa0360_MaintainModal').modal('hide');

//=================================================================
		// Remove this if you want to reload the table from the server
		//=================================================================
		// getDataPrompter('','0','');

})
	.always(function( jsonData ) {

})
	.fail(function( xhr, ajaxOptions, thrownError ) {
		console.log('I am failed..');
		console.log( xhr );

});

}

//=============================================================================
// Delete
//=============================================================================
function dataDeleteExec()
{
	// Reset modal message
	resetModalMessage();

var mode = $('#input-mode').val();

// Make array and json
	var myData = $('#dataForm-delete').find('input, select').serializeArray();
	var result = JSON.stringify(myData);

// console.log(result);
	// console.log(myData);
	//return;

var parmData = 'data=' + result
				 + '&mode=' + mode
				 ;

$.ajax({
		url: "hub_wa0360_maintain_save.php",
		type: "POST",
		data: parmData,
		dataType: "json",
		cache: false,
	})
	.done(function( jsonData ) {

$('#wa0360_confirmDeleteModal').modal('hide');
		getDataPrompter('','0','','');

})
	.always(function( jsonData ) {

})
	.fail(function( xhr, ajaxOptions, thrownError ) {
		console.log('I am failed..');
		console.log( xhr );

});

}

//=============================================================================
// Check if userid exists
//=============================================================================
function checkDataExists()
{

var WZPID = $('#modal-input-WZPID').val();

// If update, then the "orginal" code is ok
	if ( $('#input-mode').val() == '*update' ) {
		if ( WZPID == save_WZPID ) {
			return;
		}
	}

var parmData = 'prdno=' + WZPID
				 ;

$.ajax({
		url: "hub_wa0357_maintain_get.php",
		type: "GET",
		data: parmData,
		dataType: "json",
		cache: false,
	})
	.done(function( jsonData ) {

var returnCode 		= jsonData.header.returnCode;
		var returnMsg 		= jsonData.header.returnMsg;
		var entries_found 	= jsonData.header.entries_found;

if ( returnCode == '50') {
			$('#modal-message').addClass(' border-bottom').html( '<?php echo $datahub_error0080 ?>' );
			$('#modal-save-button').addClass('disabled').prop("disabled", true);
			$('#modal-input-WZPID').focus();
			$('#modal-input-WZSEQ').val( '' );
			return false;
		} else {
			DESCP = jsonData.detail[0].DESCP
			$('#modal-input-WZSEQ').val( DESCP );
		}

// Reset modal message
		resetModalMessage();

})
	.always(function( jsonData ) {

})
	.fail(function( xhr, ajaxOptions, thrownError ) {
		console.log('I am failed..');
		console.log( xhr );

});

}

//=============================================================================
// Set Active Button (Yes/No)
//=============================================================================
function setActiveButton( activeMode )
{

if ( activeMode == '1' ) {
		$('#button-deleted-yes').removeClass('btn-primary').addClass('btn-success');
		$('#button-deleted-no').removeClass('btn-success').addClass('btn-primary');
	} else {
		$('#button-deleted-yes').removeClass('btn-success').addClass('btn-primary');
		$('#button-deleted-no').removeClass('btn-primary').addClass('btn-success');
	}

$('#modal-input-ACTIV').val(activeMode );
}

//=============================================================================
// Set example data
//=============================================================================
function setExampleData( )
{
	let boldMode 			= $('#modal-input-WZBLD').val();
	let myBackGroundType 	= $('#modal-input-WZBTP').val();
	let myTextColor 		= $("#modal-input-WZCLR").spectrum('get').toHexString();
	let myBgColor 			= $("#modal-input-WZBCL").spectrum('get').toHexString();

if ( myTextColor == '#000000' && myTextColor == '#000000' )
	{
		myTextColor = '#000000';
		myBgColor	= '#ffffff';
		$('#modal-input-WZCLR').spectrum("set", myTextColor );
		$('#modal-input-WZBCL').spectrum("set", myBgColor );

}

//============================================================================
	// Reset all
	//============================================================================
	$('#example-WZART').css('color', 'black');
	$('#example-WZDSC').css('color', 'black');
	$('#example-WZQUA').css('color', 'black');

$('#example-WZART').css('background-color', 'white');
	$('#example-WZDSC').css('background-color', 'white');
	$('#example-WZQUA').css('background-color', 'white');

$('#example-WZART').removeClass('font-weight-bold');
	$('#example-WZDSC').removeClass('font-weight-bold');
	$('#example-WZQUA').removeClass('font-weight-bold');

$('.example-row-mode').css('background-color', 'white');

//============================================================================
	// Bold
	//============================================================================

// Bold on PNC level
	if ( myBackGroundType == 'PN')
	{

if ( boldMode == 'Y' ) {
			$('#example-WZART').addClass( 'font-weight-bold' );
		} else {
			$('#example-WZART').removeClass( 'font-weight-bold' );
		}

}

// Bold on PNC/Descp level
	if ( myBackGroundType == 'RW')
	{

if ( boldMode == 'Y' ) {
			$('#example-WZART').addClass( 'font-weight-bold' );
			$('#example-WZDSC').addClass( 'font-weight-bold' );
			$('#example-WZQUA').addClass( 'font-weight-bold' );

} else {
			$('#example-WZART').removeClass( 'font-weight-bold' );
			$('#example-WZDSC').removeClass( 'font-weight-bold' );
			$('#example-WZQUA').removeClass( 'font-weight-bold' );

}

//============================================================================
	// Font size
	//============================================================================
	// Get value and add to example
	let myPointSize = $('#modal-input-WZPSZ').val();

if ( myBackGroundType == 'PN') {
		$('#example-WZART').css('font-size', myPointSize + 'px' );
		$('#example-WZDSC').css('font-size', myPointSize + 'px' );
		$('#example-WZQUA').css('font-size', myPointSize + 'px' );
	}
	if ( myBackGroundType == 'RW') {
		$('#example-WZART').css('font-size', myPointSize + 'px' );
		$('#example-WZDSC').css('font-size', myPointSize + 'px' );
		$('#example-WZQUA').css('font-size', myPointSize + 'px' );
	}

//============================================================================
	// Color
	//============================================================================

if ( myBackGroundType == 'PN')
	{

$('#example-WZART').css('color', myTextColor);
		$('#example-WZDSC').css('color', myTextColor);
		$('#example-WZQUA').css('color', myTextColor);

$('#example-WZART').css('background-color', myBgColor);
		$('#example-WZDSC').css('background-color', myBgColor);
		$('#example-WZQUA').css('background-color', myBgColor);
	}

if ( myBackGroundType == 'RW')
	{

$('#example-WZART').css('color', myTextColor);
		$('#example-WZDSC').css('color', myTextColor);
		$('#example-WZQUA').css('color', myTextColor);

$('#example-WZART').css('background-color', myBgColor);
		$('#example-WZDSC').css('background-color', myBgColor);
		$('#example-WZQUA').css('background-color', myBgColor);

//$('.example-col-WZART').css('background-color', '');
		$('.example-row-mode').css('background-color', myBgColor);
	}

}

//=============================================================================
// Set bold Y/N
//=============================================================================
function setBoldMode( boldMode )
{
	if ( boldMode == 'Y' ) {
		$('#button-bold-mode-yes').removeClass('btn-primary').removeClass('d-none').addClass('btn-success');
		$('#button-bold-mode-no').removeClass('btn-success').addClass('d-none').addClass('btn-primary');
	} else {
		$('#button-bold-mode-yes').removeClass('btn-success').addClass('d-none').addClass('btn-primary');
		$('#button-bold-mode-no').removeClass('btn-primary').removeClass('d-none').addClass('btn-success');
	}

$('#modal-input-WZBLD').val( boldMode );

// Set example data
	setExampleData();
}

//=============================================================================
// Set PNC text
//=============================================================================
function setPNCtest()
{

}

//=============================================================================
// Set action for this PNC
//=============================================================================
function setActionPNC( actionValue, actionButton_ID1, actionButton_ID2)
{

// Create some ids
	let buttonID 		= 'action-button-' + actionButton_ID1 + '-' + actionButton_ID2;
	let buttonClass 	= 'action-class-section-' + actionButton_ID1;
	let buttonInput		= 'modal-input-WZAC' + actionButton_ID1
	let buttonInputURL	= 'modal-input-WZDT' + actionButton_ID1

if ( actionValue == '*RESET' ) {

$('.' + buttonClass ).removeClass('bg-success text-white xtext-dark').addClass('fa-thin');
		$('#' + buttonInput ).val( '' );

} else {

// Set all button
		$('.' + buttonClass ).removeClass('bg-success text-white xtext-dark').addClass('fa-thin');

// Set "the" button
		$('#' + buttonID ).addClass('bg-success text-white');

// Set "the" value
		$('#' + buttonInput ).val( actionValue );

}

// Place cusor
	$('#' + buttonInputURL ).focus();

}

//=============================================================================
// Set background type mode
//=============================================================================
function setBackGroundMode( bgTpMode )
{
		if ( bgTpMode == 'RW' ) {
			$('#button-bgtype-mode-rw').removeClass('btn-primary').removeClass('d-none').addClass('btn-success');
			$('#button-bgtype-mode-pn').removeClass('btn-success').addClass('d-none').addClass('btn-primary');

// Change borders
			$('.example-row-mode').addClass('border border-dark');
			$('.example-col-mode').removeClass('border border-dark');

} else {
			$('#button-bgtype-mode-rw').removeClass('btn-success').addClass('d-none').addClass('btn-primary');
			$('#button-bgtype-mode-pn').removeClass('btn-primary').removeClass('d-none').addClass('btn-success');

// Change borders
			$('.example-col-mode').addClass('border border-dark');
			$('.example-row-mode').removeClass('border border-dark');

}

$('#modal-input-WZBTP').val( bgTpMode );

// Show example
		setExampleData();
}

//=============================================================================
// Show deleted
//=============================================================================
function showDeleted()
{

var show_deleted = $('#input-show-deleted').val();

if ( show_deleted == 'Y' ) {
		$('#button-show-deleted').html('<?php echo $datahub_NO ?>');
		$('#input-show-deleted').val('N');
	} else {
		$('#button-show-deleted').html('<?php echo $datahub_YES ?>');
		$('#input-show-deleted').val('Y');
	}

getDataPrompter('','0','','');

}

//=============================================================================
// Log off
//=============================================================================
function signoff()
{

window.location.href = "logout.php";

}

//=============================================================================
// Load page
//=============================================================================
function loadPage(url, p1, p2, p3)
{

window.location.href = url;

}

//=============================================================================
// Reset modal message
//=============================================================================
function resetModalMessage() {

// Reset
	//$('#modal-message').removeClass('p-2 font-weight-bold border border-danger rounded bg-light').html( '&nbsp;' );

$('#modal-message').removeClass('border-bottom').html( '&nbsp;' );
	$('#modal-save-button').removeClass('disabled').prop("disabled", false);

}

//=============================================================================
// Set hidden input colors
//=============================================================================
function setInputColorsToHiddenControlFields( myID, myColor )
{
	if ( myID == 'modal-input-WZCLR' ) {
		$('#input-current-text-color').val( myColor );
	}

if ( myID == 'modal-input-WZBCL' ) {
		$('#input-current-background-color').val( myColor );
	}
}

//=============================================================================
// Clean input string
//=============================================================================
function cleanInputString( myWorkField )
{

let charactersToRemove = '?#"\'';
	let myPattern = new RegExp('[' + charactersToRemove + ']', 'g');

myWorkField = myWorkField.replace(myPattern,'');

return myWorkField;

}

//=============================================================================
// Show MOA style example
//=============================================================================
function showMOAstyleExample()
{

if ( $('#show-example-wrapper').hasClass('d-none') ) {
		$('#show-example-wrapper').removeClass('d-none');
		$('#button-moa-style-example').html('<?php echo $datahub_text0051 ?>')
	} else {
		$('#show-example-wrapper').addClass('d-none');
		$('#button-moa-style-example').html('<?php echo $datahub_text0050 ?>')
	}

}

//=============================================================================
// Set RES3A button -  Show location on takt/moa list
//=============================================================================
function setRES3AButton( activeMode )
{

}

//=============================================================================
// Set RES2A button - Use full screen
//=============================================================================
function setRES2AButton( activeMode )
{

}

//=============================================================================
// Set RES1A button - Use full screen
//=============================================================================
function setRES1AButton( activeMode )
{

}

//=============================================================================
// Select line modal
//=============================================================================
function selectLineModal( inputLine )
{

$('#modal-input-WZLIN').val( inputLine );

var selectButtonLineID = 'select-button-line-id-modal-' + inputLine;

$('.select-button-line-modal').removeClass('btn-success').addClass('btn-primary');
	$('#' + selectButtonLineID).removeClass('btn-primary').addClass('btn-success');

resetModalMessage();

}

//=============================================================================
// Reset line modal
//=============================================================================
function resetLineModal()
{

resetModalMessage()

let inputLine = $('#modal-input-WZLIN').val();

if ( inputLine == '' ) {
		$('.select-button-line-modal').removeClass('btn-success').addClass('btn-primary');
	}

}

//=============================================================================
// Set action type
//=============================================================================
function setActionType( inputType )
{

outputType = '';

if ( inputType == '*PDF' ) {
		outputType = '1';
	}
	if ( inputType == '*PIC' ) {
		outputType = '2';
	}
	if ( inputType == '*SCAN' ) {
		outputType = '3';
	}
	if ( inputType == '*MOVIE' ) {
		outputType = '4';
	}
	if ( inputType == '*LINK' ) {
		outputType = '5';
	}
	if ( inputType == '*CHECK' ) {
		outputType = '6';
	}

return outputType;

}

//=============================================================================
// Open previewer
//=============================================================================
function preViewElement( myElement )
{

let h = $(window).height();
	let w = $(window).width();

console.log('h: ' + h + ' -- ' + 'w: ' + w);

h = h * 0.75;

console.log('h: ' + h + ' -- ' + 'w: ' + w);

// Create ID
	let myID = '#' + myElement;
	let myURL = $( myID ).val();
	let myIFRAME = '<iframe style="height:' + h + 'px;width:100%;" src=' + myURL +'></iframe>';

// Set iframe
	$('#modal-preview-iframe').html( myIFRAME );

// Show modal
	$('#wa0360_previewModal').modal('show');

}

//=============================================================================
// Format prodid
//=============================================================================
function formatPRODID( input_PRODID )
{

// Ensure the input is a string
    let str = input_PRODID.toString();

// Insert hyphens at specific positions
    let formattedStr = str.slice(0, 5) + '-' + str.slice(5, 15) + '-' + str.slice(15);

return formattedStr;

}

//=============================================================================
// Set WZDON button
//=============================================================================
function setWZDON_button( activeMode )
{

if ( activeMode == 'Y' ) {
		$('#button-WZDON-yes').removeClass('btn-primary').removeClass('d-none').addClass('btn-success');
		$('#button-WZDON-no').removeClass('btn-success').addClass('d-none').addClass('btn-primary');
	} else {
		$('#button-WZDON-yes').removeClass('btn-success').addClass('d-none').addClass('btn-primary');
		$('#button-WZDON-no').removeClass('btn-primary').removeClass('d-none').addClass('btn-success');
	}

$('#modal-input-WZDON').val(activeMode );
}

//=============================================================================
// Full screen popup
//=============================================================================
function popUpFull( url, p1, p2, p3 )
{

var winname = 'win_' + url;

params  = 'width='+screen.width;
	params += ', height='+screen.height;
	params += ', top=0, left=0'
	params += ', fullscreen=yes';
	params += ',scrollbars=1';

overview_win = window.open(url,winname, params);
	if (window.focus) {overview_win.focus()}
	return false;

}

//=============================================================================
// screen popup - center
//=============================================================================
function popUpCenter(url, p1, p2, p3)
{

var v1_w  = screen.availWidth;
	var v1_h  = screen.availHeight;

if ( parseInt(v1_w) > 1800 ) {
		v1_w = 1800;
		v1_h = v1_h - 200;
		v1_center = v1_w/0.8;
	}

// Center popup as good as possible
	var left = (screen.width - v1_w) / 2;
	var top = (screen.height - v1_h) / 4;

var winname = 'win_' + url;

params  = 'width='+v1_w;
	params += ', height='+v1_h;
	params += ', top=' + top + ', left=' + left;
	params += ', fullscreen=yes';
	params += ',scrollbars=1';

overview_win = window.open(url,winname, params);
	if (window.focus) {overview_win.focus()}
	return false;

}

//=============================================================================
// screen popup - center - bigger
//=============================================================================
function popUpCenterBig(url, p1, p2, p3)
{

var v1_w  = screen.availWidth;
	var v1_h  = screen.availHeight;

// Get 25%
	v1_w_pct = v1_w * 0.25;

v1_w_new = v1_w - v1_w_pct;

if ( v1_w_new < 1 ) {
		v1_w_new	= 1800;
	}

v1_w = v1_w_new;
	v1_h = v1_h - 200;
	v1_center = v1_w/0.8;

// Center popup as good as possible
	var left = (screen.width - v1_w) / 2;
	var top = (screen.height - v1_h) / 4;

var winname = 'win_' + url;

params  = 'width='+v1_w;
	params += ', height='+v1_h;
	params += ', top=' + top + ', left=' + left;
	params += ', fullscreen=yes';
	params += ',scrollbars=1';

overview_win = window.open(url,winname, params);
	if (window.focus) {overview_win.focus()}
	return false;

}

//=============================================================================
// Popup top
//=============================================================================
function popUpTop(url, p1, p2, p3)
{

var winname = 'win_' + url;

w = 650;
	h = 750;

params  = 'width='+w;
	params += ', height='+h;
	params += ', top=0, left=0'
	params += ', fullscreen=no';
	params += ',scrollbars=1';

overview_win = window.open(url,winname, params);
	if (window.focus) {overview_win.focus()}
	return false;
}

//=============================================================================
// Set clock
//=============================================================================
function updateClock() {

var currentTime = moment().format('YYYY-MM-DD HH:mm:ss');
	currentTime = REEFT_format_date( currentTime, DFT_DATE_DISPLAY_FORMAT )

$('#current-time').html( currentTime );

}

//=============================================================================
// jQuery - Ready
//=============================================================================
$(document).ready(function()
{

// Set input information
	$('#input-information').html( global_input_WZLIN + ' - ' + global_input_WZMOA + ' - ' + global_input_WZPID ).css('font-size','1.5em').addClass('font-weight-bold');

// Do not show deleted
	$('#input-show-deleted').val('Y');
	$('#input-myBuildPageButtonsFirstTime').val('N');
	$('#input-myPageGoTo').val( 1 );
	$('#input-myCurrentPageCounter').val( 0 );

$('#page-prv-button').addClass('d-none');
	$('#page-next-button').addClass('d-none');

// Set to input fields
	$('#input_WZLIN').val( '<?php echo $input_WZLIN ?>' );
	$('#input_WZMOA').val( '<?php echo $input_WZMOA ?>' );
	$('#input_WZPID').val( '<?php echo $input_WZPID ?>' );

$('#input_show_all_moa').val( '<?php echo $input_show_all_moa ?>' );

// Get data
	getDataPrompter('<?php echo $input_WZLIN ?>','0','','<?php echo $input_WZMOA ?>');

//-----------------------------------------------------------------------
	// Start the clock
	//-----------------------------------------------------------------------
		updateClock();
		setInterval(function() {
			updateClock();
		}, 1000);
	//-----------------------------------------------------------------------

//-----------------------------------------------------------------------
	// Set font awesome icon type
	//-----------------------------------------------------------------------
		// Value is from config/config.php
		var iconType = '<?php echo $DFT_SET_FONT_AWESOME_ICON_TYPE ?>';
		setFontAwesomeIconType( iconType );
	//-----------------------------------------------------------------------

//-----------------------------------------------------------------------
	// Delay keyup checker
	//-----------------------------------------------------------------------
	var delay = (function () {
		var timer = 0;
		return function (callback, ms) {
			clearTimeout(timer);
			timer = setTimeout(callback, ms);
		};
	})()

//-----------------------------------------------------------------------
	// Set short cuts
	//-----------------------------------------------------------------------

// If add d-none class, do not add shortcut
	if ( GLOBAL_ADD_ALLOWED == 'Y' ) {
		shortcut.add("Alt+F6",function() {
			$('#add-button').click();
		});
	}

shortcut.add("Shift+Esc",function() {
		window.close();
	});

//=========================================================================================================
	// Set color picker - TEXT
	//
	// Create HEX value (https://en.wikipedia.org/wiki/Web_colors)
	//	var hexValueColor = color.toHexString();
	//
	//	Create RGB (https://en.wikipedia.org/wiki/RGB_color_model)
	//		hexcolor = hexcolor.replace("#", "");
	//		var r = parseInt(hexcolor.substr(0,2),16);
	//		var g = parseInt(hexcolor.substr(2,2),16);
	//		var b = parseInt(hexcolor.substr(4,2),16);
	//		var yiq = ((r*299)+(g*587)+(b*114))/1000;
	//
	//
	//	Create YIQ (https://en.wikipedia.org/wiki/YIQ)
	//		if ( yiq >= 128) {
	//			var textColor = 'black';
	//		} else {
	//			var textColor = 'white';
	//		}
	//
	//	console.log('change: ' + hexcolor + ' ' + hexValueColor + ' ' + yiq + ' ' + r + ' ' + g + ' ' + b );
	//
	//=========================================================================================================
	$(".text-color-palette").spectrum({
		showInitial: true,
		showInput: true,
		chooseText: "Vælg farve",
		cancelText: "Annuller",
		preferredFormat: "hex",
		color: "#000",
		showPalette: true,
		flat: false,
		palette: [
			["#000","#444","#666","#999","#ccc","#eee","#f3f3f3","#fff"],
			["#f00","#f90","#ff0","#0f0","#0ff","#00f","#90f","#f0f"],
			["#f4cccc","#fce5cd","#fff2cc","#d9ead3","#d0e0e3","#cfe2f3","#d9d2e9","#ead1dc"],
			["#ea9999","#f9cb9c","#ffe599","#b6d7a8","#a2c4c9","#9fc5e8","#b4a7d6","#d5a6bd"],
			["#e06666","#f6b26b","#ffd966","#93c47d","#76a5af","#6fa8dc","#8e7cc3","#c27ba0"],
			["#c00","#e69138","#f1c232","#6aa84f","#45818e","#3d85c6","#674ea7","#a64d79"],
			["#900","#b45f06","#bf9000","#38761d","#134f5c","#0b5394","#351c75","#741b47"],
			["#600","#783f04","#7f6000","#274e13","#0c343d","#073763","#20124d","#4c1130"]
		],
		// Called as the original input changes. Only happens when the input is closed or the 'Choose' button is clicked.
		change: function(color) {

// Get hex color
			var hexValueColor = color.toHexString();

setInputColorsToHiddenControlFields( this.id, hexValueColor  );
			setExampleData();

},
		move: function(color) {

// Get hex color
			var hexValueColor = color.toHexString();

setInputColorsToHiddenControlFields( this.id, hexValueColor  );
			setExampleData();

},
		show: function(color) {

$('#input-current-color-picker').val( this.id );

// Get hex color
			var hexValueColor = color.toHexString();

setInputColorsToHiddenControlFields( this.id, hexValueColor  );
			setExampleData();

},
		hide: function(color) {

// Get hex color
			var hexValueColor = color.toHexString();

setInputColorsToHiddenControlFields( this.id, hexValueColor  );
			setExampleData();

}
	});

// Make sure scroll is active when closeing the previevwer
	$('#wa0360_previewModal').on("hidden.bs.modal", function (e) { //fire on closing modal box

if ($('.modal:visible').length) { // check whether parent modal is opend after child modal close

$('body').addClass('modal-open'); // if open mean length is 1 then add a bootstrap css class to body of the page

// Remove iframe data...
			$('#modal-preview-iframe').html('');

}
    });

});
// -->
</script>

</head>

<body>

</div>
		</div>

<div class="row mt-2">
			<div class="col-12 text-center">
				<div id="input-information"></div>
			</div>
		</div>

</div>
				</div>
			</div>

<div class="container-fluid mt-2 mb-4 d-block d-lg-none">
					<div id="general-message-top" class="border border-danger rounded p-2 text-danger font-weight-boldx"><?php echo $datahub_error0040a ?></div>
				</div>

<div class="row mb-4">
					<div class="col-10">
						<div id="data-result-button-lines"></div>
					</div>
					<div class="col-2 text-right">
						<button type="button" id="button-show-moa-stations" class="btn btn-dark" onclick="showMOAstations()"><?php echo $datahub_button_show_all_moa_stations ?></button>
					</div>
				</div>

</div>

<?php
	include "include/footer.php";
?>

<div class="modal fade" id="wa0360_MaintainModal" tabindex="-1" data-backdrop="static" role="dialog" aria-labelledby="wa0360_MaintainModalLabel" aria-hidden="true">
  <div class="modal-dialog modal-xxl">
    <div class="modal-content">

<div class="col text-right">
				<button type="button" class="btn btn-dark btn-sm" id="button-moa-style-example" onclick="showMOAstyleExample()"><?php echo $datahub_text0050 ?></button>
			</div>
			<div class="col-1 text-right" style="max-width:20px">
				<button type="button" class="close" data-dismiss="modal" aria-label="Close">
				  <span aria-hidden="true">&times;</span>
				</button>
			</div>

</div>
		</div>

</div>
      <div class="modal-body ml-2 mr-2">

</div>

</div>
			</div>

<input type="text" class="d-none" id="modal-input-CMPNO" name="modal-input-CMPNO">
			<input type="text" class="d-none" id="modal-input-WZMOA" name="modal-input-WZMOA">
			<input type="text" class="d-none" id="modal-input-WZRDT" name="modal-input-WZRDT">
			<input type="text" class="d-none" id="modal-input-WZRTD" name="modal-input-WZRTD">
			<input type="text" class="d-none" id="modal-input-WZLOG" name="modal-input-WZLOG">
			<input type="text" class="d-none" id="modal-input-WZUNI" name="modal-input-WZUNI">

</div>

</div>

</div>

</div>
					</div>
					<div class="col-5">
						
						<i title="PDF"   onclick="setActionPNC('*PDF','2','1')" id="action-button-2-1" class="action-class-section-2 border border-dark p-1 rounded fa-thin fa-2x fa-file-pdf"></i>
						<i title="Image" onclick="setActionPNC('*PIC','2','2')" id="action-button-2-2" class="action-class-section-2 border border-dark p-1 rounded fa-thin fa-2x fa-image"></i>
						<i title="Scan"  onclick="setActionPNC('*SCAN','2','3')" id="action-button-2-3" class="action-class-section-2 border border-dark p-1 rounded fa-thin fa-2x fa-barcode-read"></i>
						<i title="Movie" onclick="setActionPNC('*MOVIE','2','4')" id="action-button-2-4" class="action-class-section-2 border border-dark p-1 rounded fa-thin fa-2x fa-camera-movie"></i>
						<i title="Link"  onclick="setActionPNC('*LINK' ,'2','5')" id="action-button-2-5" class="action-class-section-2 border border-dark p-1 rounded fa-thin fa-2x fa-link"></i>
						<i title="Check" onclick="setActionPNC('*CHECK','2','6')" id="action-button-2-6" class="action-class-section-2 border border-dark p-1 rounded fa-thin fa-2x fa-check"></i>
						<i title="Reset" onclick="setActionPNC('*RESET','2','*')" id="action-button-2-X" class="action-class-section-X border border-dark p-1 rounded fa-thin fa-2x fa-ban"></i>
						<input class="d-none form-control" type="text" id="modal-input-WZAC2" name="modal-input-WZAC2" onkeyup="resetModalMessage()">
					</div>
					</div>

</div>
			</div>

</form>

</div>
      <div class="modal-footer-pretty modal-footer">

</div>

</div>
    </div>
  </div>
</div>

<div class="modal fade" id="wa0360_confirmDeleteModal" tabindex="-1" role="dialog" aria-labelledby="wa0360_confirmDeleteModalLabel" aria-hidden="true">
  <div class="modal-dialog modal-xl" role="document">
    <div class="modal-content">
      <div class="modal-header bg-primary text-white">
        <h5 class="modal-title" id="wa0360_confirmDeleteModalLabel"><?php echo $datahub_text0063 ?></h5>
        <button type="button" class="close" data-dismiss="modal" aria-label="Close">
          <span aria-hidden="true">&times;</span>
        </button>
      </div>
      <div class="modal-body">

</form>

</div>
      <div class="modal-footer">

<div class="row mt-1 mb-2">
					<div class="col-3 text-left">
						<button type="button" onclick="dataDeleteExec()" class="btn btn-primary">Delete</button>
					</div>
					<div class="col-6 text-right">
					</div>
					<div class="col-3 text-right">
						<button type="button" class="btn btn-primary" data-dismiss="modal">Cancel</button>
					</div>
				</div>

</div>
      </div>
    </div>
  </div>
</div>

<div class="modal fade" id="wa0360_previewModal" tabindex="-1" role="dialog" aria-labelledby="wa0360_previewModalLabel" aria-hidden="true">
  <div class="modal-dialog modal-xxl" role="document">
    <div class="modal-content">
      <div class="modal-header bg-success text-white">
        <h5 class="modal-title" id="wa0360_previewModalLabel">Preview element</h5>
        <button type="button" class="close" data-dismiss="modal" aria-label="Close">
          <span aria-hidden="true">&times;</span>
        </button>
      </div>
      <div class="modal-body">

<div class="row mt-2 mb-2">
					<div class="col-3 text-left">
					</div>
					<div class="col-6 text-right">
					</div>
					<div class="col-3 text-right">
						<button type="button" class="btn btn-primary" data-dismiss="modal">Cancel</button>
					</div>
				</div>

</div>

</div>
  </div>
</div>

</body>
</html>